<!--
 * @Author: your name
 * @Date: 2021-11-20 00:11:16
 * @LastEditTime: 2021-11-20 00:14:01
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \jf-nlitc\src\views\Home\swyzt\swjc\sk\index.vue
-->
<template>
    <!-- 水库 -->
    <div class="right">
        <Top />
        <Middle />
        <!-- <Bottom /> -->
    </div>
</template>

<script>
import Top from './right_top.vue'
import Middle from './right_middle.vue'
export default {
    data() {
        return {}
    },
    computed: {},
    watch: {},
    methods: {},
    created() {},
    mounted() {},
    beforeCreate() {},
    beforeMount() {},
    beforeUpdate() {},
    updated() {},
    beforeDestroy() {},
    destroyed() {},
    activated() {},
    components: { Top, Middle },
}
</script>

<style lang="scss">
.right {
    width: 100%;
    height: 850px;
    // height: calc(100% - 20px);
    position: absolute;
    right: 0;
    top: 0px;
    //   background: rgb(49, 180, 174);
    // border: 1px solid red;
.right .el-tabs--border-card > .el-tabs__header {
    background-color: #1E3D74;
    border-bottom: 1px solid #1E3D74;
    color: #fff;
    // margin: 0;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
    color: #409EFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 5e-05) 0%, rgba(33, 136, 205, 0.5) 99.13%), linear-gradient(180deg, #1F3E72 0%, #112650 100%);
border-radius: 4px;
    border-right-color: #1F3E72;
    border-left-color: #1F3E72;
}
}
</style>                                                                                                    